@font-face {
	font-family: 'asapitalic';
	src: url('../font/asap-italic-webfont.eot');
	src: url('../font/asap-italic-webfont.eot?#iefix') format('embedded-opentype'),
		url('../font/asap-italic-webfont.woff') format('woff'),
		url('../font/asap-italic-webfont.ttf') format('truetype'),
		url('../font/asap-italic-webfont.svg#asapitalic') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'asapbold';
	src: url('../font/asap-bold-webfont.eot');
	src: url('../font/asap-bold-webfont.eot?#iefix') format('embedded-opentype'),
		url('../font/asap-bold-webfont.woff') format('woff'),
		url('../font/asap-bold-webfont.ttf') format('truetype'),
		url('../font/asap-bold-webfont.svg#asapbold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'asapregular';
	src: url('../font/asap-regular-webfont.eot');
	src: url('../font/asap-regular-webfont.eot?#iefix') format('embedded-opentype'),
		url('../font/asap-regular-webfont.woff') format('woff'),
		url('../font/asap-regular-webfont.ttf') format('truetype'),
		url('../font/asap-regular-webfont.svg#asapregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
input[type="button"], input[type="submit"], input[type="reset"] {
	background: #0E83EB;
	color: #ffffff;
	border: 1px solid #251DEE;
	padding: 5px 8px;
	border-radius: 5px;
	cursor: pointer;
	font-size: 15px;
	margin-right: 30px;
}
input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover {
	background: #6B65FB;
}
input[type="text"], input[type="password"] {
	display: inline-block;
	height: 22px;
	border-radius: 5px;
	border: none;
	font-family: 'asapregular';
}
body {
	font-family: 'asapregular';
}
#page {
	background: #E9EAED;
	border: medium none;
	margin: 0;
	width: 100%;
}
.list-view .summary {
	display: none;
}
div.view {
	position: relative;
	border: 1px solid #CBCBCB;
	margin: 1px 0px;
	font-size: 17px;
	padding: 7px;
        border-radius: 3px;
}
#categoria-list-view .items .view:hover,
#content-princ-izq .list-view .items .view:hover,
#lst-pool-tareas .items .view:hover {
	background: #E1E2E5;
}
.actividadesPorCate .list-view .items .view:hover {
   border: 1px solid #8F8AFC;
}
div.clearFix {
	clear: both;
}
div.nombre-actividad {
    color: #0066CC;
    font-size: 25px;
    padding-bottom: 20px;
}
    div.nombre-actividad span {
        display: block;
        font-size: 15px;
        color: #000000;
        padding-bottom: 3px;
    }
/***** Header (inicio) *****/
#header {
	position: relative;
	background-color: rgb(88, 172, 250);
	border: none;
}
	#logo {
			height: 45px;
	}
		#logo a{
				display: block;
				width: 40px;
				height: 40px;
				margin-left: 50px;
				text-indent: -9999px;
				overflow: hidden;
				background: url("../images/logo.png") no-repeat;
		}
	#mainmenu {
			position: absolute;
			right: 55px;
			top: 20px;
			background: none;
			background-color: #58acfa;
	} 
		#mainmenu ul li a {
				font-size: 13px;
				padding: 5px 5px;
		}
		#mainmenu ul li.active a {
				color: #ffffff;
				text-decoration: none;
				background-color: #58ACFA;
		}
		#mainmenu ul li a:hover {
				background-color: #58acfa;
				color: #ffffff;
				text-decoration: none;
				border-bottom: 1px solid #ffffff;
		}
/***** Header (fin) *****/

/***** Footer (inicio) *****/
#footer {
	display: none;
}
/***** Footer (fin) *****/

/***** Contenedores principales (inicio) *****/
#content {
	padding: 0 10px;
}
#contentIzq {
	float: left;
	width: 275px;
	padding-right: 10px;
}
.fluida {
	width: 100%;
}
#contentDer {
	margin-left: 285px;
	padding-left: 20px;
	padding-right: 5px;
	border-left: 1px solid #CBCBCB;
	//float: right;
	//width: 100%;
	//padding-bottom: 20px;
}
#content-princ-izq {
	float: left;
	width: auto;
	min-width: 40%; 
	max-width: 100%;
	padding-bottom: 20px;
	padding-right: 15px;
}
#content-princ-der {
	float: left;
	width: 58%;
	padding-bottom: 20px;
}
/***** Contenedores principales (fin) *****/

#categoria-list-view .items .view a.categoria,
.actividadesPorCate .list-view .items .view form a.actividad {
	display: block;
	width: 100%;
	text-decoration: none;
	color: #000000;
	padding-bottom: 0;
}

/***** Formularios (inicio) *****/
#categoria-form, .formActividad, .formPool {
	width: 100%;
}
	#categoria-form .row {
		width: 88%;
	}
	#categoria-form .buttons {
		width: 12%;
		float: right;
		margin-top: -34px;
	}
.formActividad div:first-child {
	width: 88%;
}
.formActividad div:last-child{
	width: 12%;
	float: right;
	margin-top: -34px;
}
.desplegable {
	display: none;
	margin-top: 20px;
        margin-left: 10px;
}

#categoria-form .row label,
.actividadesPorCate .form .formActividad label,
#content-princ-izq .form .formTarea label,
.form .formPool label {
    display: none;
}
#categoria-form .row input[type="text"],
.actividadesPorCate .form .formActividad .row input[type="text"] {
	width: 90%;
	display: block;
	padding: 0px 7px;
}
.actividadesPorCate .form .formActividad .row input[type="text"] {
	width: 80%;
}
#categoria-form div.buttons input[type="submit"],
.actividadesPorCate .form .formActividad .buttons input[type="submit"],
#content-princ-izq .form .formTarea .buttons input[type="submit"],
.form .formPool .buttons input[type="submit"] {
	display: block;
	width: 24px;
	height: 23px;
	text-indent: -9999px;
	overflow: hidden;
	background: url("../images/agregar.png") no-repeat center;
	border: none;
}
#categoria-form div.buttons input[type="submit"]:hover,
.actividadesPorCate .form .formActividad .buttons input[type="submit"]:hover ,
#content-princ-izq .form .formTarea .buttons input[type="submit"]:hover ,
.form .formPool .buttons input[type="submit"]:hover {
	background: url("../images/agregarHover.png") no-repeat center;
}
#content-princ-izq .form .formTarea .buttons input[type="submit"],
.form .formPool .buttons input[type="submit"] {
	float: right;
	margin-top: -34px;
}
#content-princ-izq div.form {
	width: 320px;
}
.form .formTarea .row input[type="text"] {
	padding: 0px 7px;
	width: 85%;
}
#content-princ-der div.form {
	width: 100%;
}
.form .formPool .row input[type="text"] {
	padding: 0px 7px;
	width: 80%;
}
#content-princ-izq .form .formTarea .buttons input[type="submit"] {
	margin-top: -35px;
}
.form-tarea {
}
	.form-tarea p {
		padding: 0px;
	}
div.buttons input[type="submit"] {
	margin-left: 10px;
}
.editarPool .row .editar-tarea .fecha-inicio input {
    width: 80px;
}
.editarPool .row .editar-tarea .row textarea {
    width: 87%;
}
/***** Formularios (fin) *****/

/***** Barra de progreso (inicio) *****/
#contentDer .progreso {
	width: 99%;
	height: 45px;
	font-size: 18px;
}  
	#progressbar span {
		float: left;
		line-height: 24px;
		padding-right: 10px; 
	}
#progressbar {
	width: 76%;
	float: left;
	margin-top: 8px;
}
.ui-progressbar .ui-progressbar-value {
	background: url("../images/fondoBarra.png") repeat-x;
        border-radius: 17px;
        border: none;
        margin: 0;
}
#progressbar .ui-corner-all, #progressbar .ui-corner-bottom,
#progressbar .ui-corner-right, #progressbar .ui-corner-br {
	border-radius: 17px;
	height: 25px;
}
/***** Barra de progreso (fin) *****/

/***** Menu lista y calendario (inicio) *****/
#contentDer .menu {
	height: 30px;
} 
#menu {
	display: block;
	float: right;
	width: 230px;
	margin-bottom: 10px;
	margin-top: 10px;
}
	#menu li {
		float: left;
		margin: 0 10px;
	}
		#menu li a {
			text-decoration: none;
			font-size: 15px;
		}
		#menu li.lista {
		}
		#menu li.lista a:link, #menu li.lista a:visited {
		}
		#menu li.lista a:hover {
		}
		#menu li.calendario {
		}
		#menu li.calendario a:link, #menu li.calendario a:visited {
		}
		#menu li.calendario a:hover {
		}
		#menu li.reportes a:link, #menu li.reportes a:visited {
		}
		#menu li.reportes a:hover {
		}
/***** Menu lista y calendario (fin) 

/***** Menus categotia, actividad, tarea y registro (inicio) *****/
#categoria-list-view .items .view a.menu-categoria,
.actividadesPorCate .list-view .items .view a.menu-actividad,
#content-princ-izq .list-view .items .view a.menu-tarea,
a.menu-tarea, a.menu-registro-tarea {
	display: none;
	position: absolute;
	width: 36px;
	height: 29px;
	background: url("../images/bt-menu.png") no-repeat;
	cursor: pointer;
	border: hidden;   
	text-indent: -9999px;
	overflow: hidden;
	float: right;
	right: 5px;
	top: 0;
}
#categoria-list-view .items .view:hover a.menu-categoria,
.actividadesPorCate .list-view .items .view:hover a.menu-actividad,
#content-princ-izq .list-view .items .view:hover a.menu-tarea,
.pool-tarea:hover a.menu-tarea, .registro-tarea:hover a.menu-registro-tarea,
.registro-tarea form:hover a.menu-registro-tarea,
#lst-pool-tareas .items .view:hover a.menu-tarea {
	display: block; 
}
#categoria-list-view .items .view a.menu-categoria:hover,
.actividadesPorCate .list-view .items .view a.menu-actividad:hover,
#content-princ-izq .list-view .items .view a.menu-tarea:hover,
.pool-tarea a.menu-tarea:hover, .registro-tarea form a.menu-registro-tarea:hover {
	background: url("../images/bt-menuHover.png") no-repeat;
}
ul.categoria, ul.actividad, ul.tarea, ul.registro-tarea  {
	display: none;
	position: absolute;
	top: 25px;
	right: 1px;
	background: #E9EAED;
	border: 1px solid #CBCBCB;
	border-radius: 5px;
	padding: 3px;
	z-index: 10;
}
	ul.categoria li, ul.actividad li, ul.tarea li, ul.registro-tarea li {
		height: 20px;
		padding-left: 15px; 
	}
		ul.categoria li a, ul.actividad li a, ul.tarea li a, ul.registro-tarea li a {
			text-decoration: none;
			color: #000000;
			font-size: 14px;
		}
	ul.categoria li.editar, ul.actividad li.editar, ul.tarea li.editar {
		background: url("../images/editar.png") no-repeat 0 center;
	}
        ul.categoria li.editar:hover, ul.actividad li.editar:hover,
        ul.categoria li.eliminar:hover, ul.actividad li.eliminar:hover,
        ul.tarea li.editar:hover, ul.tarea li.eliminar:hover,
        ul.registro-tarea li.eliminar:hover {
                background-color: #CAC6D5;
                border-radius: 3px;
	}
		ul.categoria li.editar a:link, ul.categoria li.editar a:visited,
		ul.actividad li.editar a:link, ul.actividad li.editar a:visited {
			
		}
		ul.categoria li.editar a:hover, ul.actividad li.editar a:hover {
			
		}
	ul.categoria li.eliminar, ul.actividad li.eliminar, ul.tarea li.eliminar,
        ul.registro-tarea li.eliminar {
		margin-top: 2px;
		background: url("../images/eliminar.png") no-repeat 0 center;
	}
		ul.categoria li.eliminar a:link, ul.categoria li.eliminar a:visited,
		ul.actividad li.eliminar a:link, ul.actividad li.eliminar a:visited,
		ul.tarea li.eliminar a:link, ul.tarea li.eliminar a:visited {
			
		}
		ul.categoria li.eliminar a:hover, ul.actividad li.eliminar a:hover,
		ul.tarea li.eliminar a:hover {
			
		}
ul.tarea li.eliminar {
	margin: 0;
}
/***** Menus categotia, actividad y tarea (fin) *****/

#content-princ-izq .list-view .items .view {
	padding: 5px 0;
}
#content-princ-izq .list-view .items .view:hover,
#lst-pool-tareas .items .view:hover {
	cursor: pointer;
}

/***** Duración, botones play y pause (inicio) *****/
.botones {
	width: 30%;
	min-width: 160px;
	float: right;
	margin-top: -28px;
	margin-right: 25%;
}
	.botones .play-tarea, .botones .pause-tarea {
		display: block;
		width: 28px;
		height: 28px;
		text-indent: -9999px;
		overflow: hidden;
		border: none;
	}
	.botones .play-tarea {
		background: url("../images/play.png") no-repeat center;
	}
	.botones .pause-tarea {
		float: left;
		background: url("../images/pause.png") no-repeat center;
		margin-top: -28px;
		margin-left: 40px;
	}
	.botones .play-tarea:hover {
		background: url("../images/playHover.png") no-repeat center;
	}
	.botones .pause-tarea:hover {
		background: url("../images/pauseHover.png") no-repeat center;
	}
        .botones .play-inactivo {
		background: url("../images/playInactivo.png") no-repeat center;
	}
	.botones .pause-inactivo {
		background: url("../images/pauseInactivo.png") no-repeat center;
	}
	.botones div {
		float: right;
		margin-top: -25px;
	}
/***** Duración botones play y paluse (fin) *****/
.view .form-tarea input[type="checkbox"] {
	display: inline-block;
	float: left;
	margin: 3px 10px 0; 
	background: none;
}

p.tarea-actividad {
    font-size: 13px;
    padding-left: 32px;
    color: #868686;
}
/***** Formulario editar actividad (inicio) *****/
.form-editar-actividad, .form-editar-categoria {
	width: 100%;
	margin-top: 25px;
}
	.form-editar-actividad .row, .form-editar-categoria .row {
		width: 88%;
	}
	.form-editar-actividad .row input[type="text"],
	.form-editar-categoria .row input[type="text"]{
		display: block;
		padding: 0 7px;
		width: 90%;
	}
	.form-editar-actividad div:last-child,
	.form-editar-categoria .buttons {
		float: right;
		margin-top: -34px;
		width: 12%;
	}
	.form-editar-categoria .buttons {
		margin: -34px 0 0 !important;
	}
	.form-editar-actividad .buttons input[type="submit"],
	.form-editar-categoria .buttons input[type="submit"]{
		background: url("../images/ok.png") no-repeat;
		border: medium none;
		display: block;
		height: 24px;
		width: 24px;
		overflow: hidden;
		text-indent: -9999px;        
	}
/***** Formulario editar actividad (fin) *****/
#regresar {
	display: none;
	margin-top: 20px;
	margin-bottom: 20px;
}
/***** Login (inicio) *****/
div.form div.success input, div.form div.success textarea,
div.form div.success select, div.form input.success,
div.form textarea.success, div.form select.success {
  background: #ffffff;
}
.login {
    width: 320px;
    border: 1px solid #BDC7D8;
    border-radius: 5px;
    margin: 10px auto;
    padding: 10px;
    background: #FFFFFF;
}
    .login h2 {
        font-size: 20px;
        padding-bottom: 20px;
    }
#login-form p {
    font-size: 14px;
    padding-bottom: 10px;
}
#login-form input[type="checkbox"] {
	float: none;
}
#LoginForm_username, #LoginForm_password {
	border: 1px solid #cdcdcd;;
	width: 98%;
	height: 30px;
	font-size: 16px;
}
#LoginForm_username:focus , #LoginForm_password:focus {
	border: 1px solid #90b3ec;
	border-radius: 5px;
}
.registrarse {
	width: 90px;
	float: right;
	margin-right: 10px;
}

div.form .rememberMe label {
  position: unset;
}
/***** Login (fin) *****/

/***** Registro (inicio) *****/
.registro {
	width: 320px;
	padding: 5px;
}
	.registro h2 {
		font-size: 19px;
		padding-bottom: 20px;
		padding-top: 5px;
	}
	#usuario-form p {
		font-size: 14px;
		padding-bottom: 10px;
	}
	
	#usuario-form [type="text"], #usuario-form [type="password"] {
		border: 1px solid #cdcdcd;;
		width: 98%;
		height: 30px;
		font-size: 16px;
	}
	#usuario-form [type="text"]:focus, #usuario-form [type="password"]:focus {
		border: 1px solid #90b3ec;
		border-radius: 5px;
	}
	#usuario-form .buttons input[type="submit"] { 
		float: right;
		margin-right: 2px;
	}
/***** Registro (fin) *****/

/***** Mensasjes de cargando y erro (inicio) *****/
#cargando-principal {
    display: none;
    position: absolute;
    width: 300px;
    z-index: 10;
    padding: 45px 14px 0px 14px;
    top: 5px;
    left: 50%;
    margin-left: -150px;
    color: #c09853;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #3a87ad;    
    background: url("../images/load.gif") no-repeat center 5px;
    background-color: #ffffff;
    height: 25px;
    text-align: center;
}
.mensaje-error {
    display: none;
    margin-top: 5px;
    padding: 8px 5px 8px 30px;
    margin-bottom: 18px;
    color: #c09853;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #b94a48;
    background: url("../images/error.png") no-repeat 4px center;
    background-color: #f2dede;
    border-color: #eed3d7;
}

#exito-principal {
    display : none;
    position: absolute;
    width: 300px;
    z-index: 10;
    padding: 10px 5px 3px 30px;
    top: 5px;
    left: 50%;
    margin-left: -150px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #3a87ad;    
    background: url("../images/visto_bueno.png") no-repeat 5px center;
    background-color: #d9edf7;
    border-color: #bce8f1;
    height: 25px;
}
/***** Mensasjes de cargando y erro (fin) *****/

#content-princ-izq h2 {
    padding-top: 10px;
    padding-bottom: 20px;
    color: #000000;
    font-family: "asapbold";
    font-size: 18px;
}
div.pool-tarea:hover {
    background-color: #E1E2E5;
    cursor: pointer;
}

/***** Registro de tareas (inicio) *****/
div.registro-tarea {
    position: relative;
    margin-bottom: 2px;
    max-width: 620px;
    font-size: 13px;
}
div.registro-tarea form div {
    position: relative;
    float: left;
    margin: 0 5px 3px 0;
}
div.registro-tarea form div label {
    padding-right: 5px;
    vertical-align: text-bottom;
    position: initial;
}
div.registro-tarea form div.fecha-inicio {
   padding-right: 20px;
}
div.registro-tarea form div input {
   padding: 0 5px;
}
div.registro-tarea form div.fecha-inicio input {
   width: 66px;
}
div.registro-tarea form div.hora-inicio input {
   width: 53px;
}
div.registro-tarea form div.duracion input {
   width: 35px;
}
.ui-datepicker-trigger {
    position: absolute;
    top: 4px;
    right: 0px;
}
/***** Registro de tareas (fin) *****/

/***** Editar tarea (inicio) *****/
div.editar-tarea {
    padding: 5px;
    border: 1px solid #CBCBCB;
    border-radius: 3px;
}
div.editar-tarea h3, .pool .desplegable h3 {
    color: #0066cc;
    font-size: 15px;
    padding-bottom: 10px;
}
div.editar-tarea textarea, div.editar-tarea input[type="text"] {
    width: 95%;
    padding: 0 5px;
}
div.editar-tarea div.fecha-inicio {
    position: relative;
}

div.editar-tarea div.fecha-inicio .ui-datepicker-trigger {
    left: 100px;;
    top: 21px;
}
div.editar-tarea div.fecha-inicio input[type="text"] {
    width: 85px;
    position: relative;
}
div.editar-tarea textarea {
    height: 100px;
    border: medium none;
    border-radius: 5px;
    display: inline-block;
    font-family: "asapregular";
}
div.editar-tarea select {
    height: 22px;
    border: medium none;
}
div.inamovible input {
    float: left;
}
div.inamovible label {
    display: inline;
    padding-left: 5px;
    position: inherit;
}
/***** Editar tarea (fin) *****/

/***** Pool de Tareas (inicio) *****/
h3.pool-tarea {
    font-size: 18px;
    font-family: 'asapbold';
    padding-top: 26px;
}
/***** Pool de Tareas (fin) *****/

/***** Productividad (inicio) *****/
#form-productividad {
    margin: 0px auto 0px;
}
#form-productividad label {
    padding-right: 10px;
    position: inherit
}
#form-productividad select {
    border: medium none;
    height: 22px;
}
/***** Productividad (fin) *****/

/***** Reportes (inicio) *****/
#reportes {
   list-style-type: disc;
   padding-top: 20px;
}
    #reportes li {
        margin-left: 20px;
        padding-bottom: 10PX;
    }
        #reportes li a {
            text-decoration: none;
            font-size: 18px;
        }
div.reportes-tareas-completadas {
    width: 100%;
}
div.reportes-tareas-completadas p {
        padding-bottom: 20px;
    }
    form.formReporteProductividad {
        margin-top: 20px;
    }
form.formReporteTareasCompletadas, form.formReporteDedicacion, form.formReporteProductividad {
    position: relative;
    margin-top: 20px;
}  
    form.formReporteTareasCompletadas div label,
    form.formReporteProductividad div label,
    form.formReporteDedicacion div label  {
        padding-right: 10px;
        position: initial;
    }
    form.formReporteTareasCompletadas div.fecha-inicio,
    form.formReporteTareasCompletadas div.fecha-fin,
    form.formReporteProductividad div.fecha-inicio,
    form.formReporteProductividad div.fecha-fin,
    form.formReporteDedicacion div.fecha-inicio,
    form.formReporteDedicacion div.fecha-fin{
        display: inline-block;
        position: relative;
        padding-right: 20px;
        padding-bottom: 25px;
    }
    form.formReporteTareasCompletadas div.fecha-inicio,
    form.formReporteProductividad div.fecha-inicio,
    form.formReporteDedicacion div.fecha-inicio {
        margin-right: 30px;
    }
/***** Reportes (fin) *****/

/***** Grafica tarea realizadas (inicio) *****/

div.grafica-tareas-realizadas {
    position: relative;
}
div.grafica-tareas-realizadas h2 {
    font-size: 21px;
}
div.grafica-tareas-realizadas canvas {
    margin-top: 35px;
}
div.grafica-tareas-realizadas div.labels {
    position: absolute;
    top: 50px;
}
div.grafica-tareas-realizadas table, div.grafica-tareas-realizadas table th, 
div.grafica-tareas-realizadas table tr {
    border: 1px solid #CBCBCB;
    padding: 8px;
    background-color: #FFFFFF;
    color: #000000;
}
div.grafica-tareas-realizadas table {
    margin: 30px auto 0;
    float: left;
    width: 250px;
}
div.grafica-tareas-realizadas table.pendientes {
    margin-left: 20px;
}
div.grafica-tareas-realizadas table tbody td {
    padding: 3px;
}
div.grafica-tareas-realizadas table tbody td a {
    color: #000000;
    text-decoration: none;
}
div.grafica-tareas-realizadas table tbody td a:hover {
    color: #0066CC;
}
div.grafica-tareas-realizadas table th.titulo {
    color:#FFFFFF;
    font-size: 19px;
    background-color: #0E83EB;
    font-family: 'asapbold';
    text-align: center;
}
.formReporteTareasCompletadas .regresar-reportes {
    float: left;
}
input.regresar-form-reportes {
    margin-top: 20px;
}
.chart-label {
    border-radius: 5px;
    box-shadow: 2px 2px 5px #202020;
    color: #55558B;
    display: block;
    height: 5px;
    margin: 5px;
    padding: 5px;
    text-shadow: none;
    width: 5px;
}
.chart-label span {
    display: inline-block;
    margin-top: -5px;
    padding-left: 20px;
    width: 135px;
}
/***** Grafica tarea realizadas (fin) *****/

/***** Grafica senseción de productividad (inicio) *****/
.graficaProductividad, .graficaDedicacion {
    margin: 30px auto;
}
.reporteProductividad {
    margin: 0 auto 30px;
    max-width: 320px;
}
.dedicacion {
    margin-bottom: 30px;
}
.reporteProductividad thead, .dedicacion thead {
    font-size: 16px;
    background-color: #0E83EB;
    font-family: 'asapbold';
    color: #FFFFFF;
    border: 1px solid #CBCBCB;
    border-right: none;
}
thead th {
    background: #0E83EB;
}
    .reporteProductividad tbody, .dedicacion tbody {
        background-color: #FFFFFF;
        color: #000000;
    }
    .reporteProductividad tbody tr td a, .dedicacion tbody tr td a  {
        color: #000000;
        text-decoration: none;
    }
    .reporteProductividad tbody tr td a:hover, .dedicacion tbody tr td a:hover {
        color: #0066CC;
    }
    .reporteProductividad tr th, .reporteProductividad tr td,
    .dedicacion tr th, .dedicacion tr td {
       text-align: center;
       padding: 8px;
    }
    .dedicacion tr td {
       text-align: left;
    }
    .reporteProductividad tr, .dedicacion tr  {
       border: 1px solid #CBCBCB;
       border-right: none;
    }
    .reporteProductividad tr td, .reporteProductividad tr th,
    .dedicacion tr td, .dedicacion tr th{
       border-right: 1px solid #CBCBCB; 
    }
span.productividad-final {
    color: #000000;
    font-family: 'asapbold';
}
.dedicacion tr td.duracion {
   text-align: center;
}
.dedicacion tr th:first-child {
    width: 100px;
}
/***** Grafica senseción de productividad (fin) *****/
.ui-widget-header {
  background: #1C8FF1;
  border: 1px solid #4841F7;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  background: #C3D9FF;
  border: 1px solid #94BCFF;
}

.ui-state-hover {
    background: #FDFDFD;
    border: 1px solid #6AA0FD;
    color: #4821F3;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #6AA0FD;
    color: #6E94C4;
}

.pool .desplegable .form .editarPool .row .editar-tarea {
   border: none;
}
.pool .desplegable .form .editarPool .row .editar-tarea h3 {
    display: none;
}